/*******************************************************************************
 *                                                                             *
 * DoubleSlider                                                                      *
 *                                                                             *
 ******************************************************************************/

.double-slider {
    -fx-skin: "double_slider.DoubleSliderSkin";
}

.double-slider Text {
    -fx-font-smoothing-type: lcd;
}

.double-slider .thumb1 {
    -fx-background-color:
        derive(-fx-color,-36%),
        derive(-fx-color,73%),
        linear-gradient(to bottom, derive(-fx-color,-19%),derive(-fx-color,61%));
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 1.0em 0 0 1.0em; /* makes sure this remains semi-circular */
    -fx-padding: 0.583333em; /* 7 */
}

.double-slider:focused .thumb1 {
    -fx-color: -fx-focused-base;
    -fx-background-color:
        -fx-focus-color,
        derive(-fx-color,-36%),
        derive(-fx-color,73%),
        linear-gradient(to bottom, derive(-fx-color,-19%),derive(-fx-color,61%));
    -fx-background-insets: -1.4, 0, 1, 2;
    -fx-background-radius: 1.0em 0 0 1.0em; /* makes sure this remains semi-circular */
}

.double-slider .thumb1:hover {
    -fx-color: -fx-hover-base;
}

.double-slider .thumb1:pressed {
    -fx-color: -fx-pressed-base;
}

.double-slider .thumb2 {
    -fx-background-color:
        derive(-fx-color,-36%),
        derive(-fx-color,73%),
        linear-gradient(to bottom, derive(-fx-color,-19%),derive(-fx-color,61%));
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 1.0em 1.0em 0; /* makes sure this remains semi-circular */
    -fx-padding: 0.583333em; /* 7 */
}

.double-slider:focused .thumb2 {
    -fx-color: -fx-focused-base;
    -fx-background-color:
        -fx-focus-color,
        derive(-fx-color,-36%),
        derive(-fx-color,73%),
        linear-gradient(to bottom, derive(-fx-color,-19%),derive(-fx-color,61%));
    -fx-background-insets: -1.4, 0, 1, 2;
    -fx-background-radius: 0 1.0em 1.0em 0; /* makes sure this remains semi-circular */
}

.double-slider .thumb2:hover {
    -fx-color: -fx-hover-base;
}

.double-slider .thumb2:pressed {
    -fx-color: -fx-pressed-base;
}

.double-slider .track {
    -fx-background-color:
        -fx-shadow-highlight-color,
        derive(-fx-color,-22%),
        linear-gradient(to bottom, derive(-fx-color,-15.5%), derive(-fx-color,34%) 30%, derive(-fx-color,68%));
    -fx-background-insets: 1 0 -1 0, 0, 1;
    -fx-background-radius: 2.5, 2.5, 1.5;
    -fx-padding: 0.208333em; /* 2.5 */
}

.double-slider:vertical .track {
    -fx-background-color:
        -fx-shadow-highlight-color,
        derive(-fx-color,-22%),
        linear-gradient(to right, derive(-fx-color,-15.5%), derive(-fx-color,34%) 30%, derive(-fx-color,68%));
    -fx-background-insets: 0 -1 0 1, 0, 1;
}

.double-slider .axis {
    -fx-tick-mark-stroke: ladder(-fx-background, derive(-fx-background,30%) 40%, derive(-fx-background,-30%) 41%);
    -fx-tick-label-font-size: 0.916667em; /* 11pt - 1 less than the default font */
    -fx-tick-label-fill: -fx-color;
}

.double-slider .axis .tick-mark {
    -fx-font-size: 0.833333em
}
.double-slider:disabled {
    -fx-opacity: -fx-disabled-opacity;
}
